<!-- 原来 开始 -->
<!-- <div class="noteOrder" #noteOrder>
  <router-outlet></router-outlet>
</div> -->
<!-- 结束 -->
<app-left-line
  [text]="'短信定制'"
></app-left-line>
<div class="note-order card" #messageComfirm>
  <form class="note-order-content" nz-form [formGroup]="validateForm">
    
    <nz-form-item>
      <nz-form-label [nzSpan]="4" [nzNoColon]='true'>用户编号</nz-form-label>
      <nz-form-control [nzSpan]="18" >
        <nz-select
          nzShowSearch
          nzPlaceHolder="选择用户编号"
          style="width: 300px;"
          formControlName="usageCode"
          (ngModelChange)="onUsageCodeChange($event)"
          [nzLoading]="usageCodeLoading"
        >
          <nz-option 
            *ngFor="let item of userBindList; let i = index"
            [nzLabel]="item.usageCode" [nzValue]="item.usageCode"
          ></nz-option>
        </nz-select>
        <app-err-msg *ngIf="validateForm.get('usageCode')?.dirty && validateForm.get('usageCode')?.invalid"
          errMsg="请选择用户编号"
        ></app-err-msg>
      </nz-form-control>
    </nz-form-item>
    
    <nz-form-item>
      <nz-form-label [nzSpan]="4" [nzNoColon]='true'>用水地址</nz-form-label>
      <nz-form-control [nzSpan]="18" >
        <input nz-input formControlName="address"  class="address-input" readonly/>
        <app-err-msg *ngIf="validateForm.get('address')?.dirty && validateForm.get('address')?.invalid"
          errMsg="请选择用户编号"
        ></app-err-msg>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSpan]="4" [nzNoColon]='true'>手机号</nz-form-label>
      <nz-form-control [nzSpan]="18" >
        <input nz-input aria-readonly="true" formControlName="phone"  class="address-input" readonly/>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSpan]="4" [nzNoColon]='true'>是否开通</nz-form-label>
      <nz-form-control [nzSpan]="18">
        <div style="width: 300px">
          <nz-radio-group formControlName="ywkt">
            <label nz-radio nzValue="0">开通消息</label>
            <label nz-radio nzValue="1">关闭消息</label>
          </nz-radio-group>
        </div>
      </nz-form-control>
    </nz-form-item>

    <!-- <nz-form-item class="bussiness-open">
      <nz-form-label [nzSpan]="4" [nzNoColon]='true'>业务开通</nz-form-label>
      <nz-form-control [nzSpan]="18" >
        <nz-select
          style="width: 300px;"
          nzMode="multiple"
          nzPlaceHolder="选择开通业务(多选)"
          formControlName="mesType"
          [nzLoading]="mesNzLoading"
          (ngModelChange)="onMesTypeChange($event)"
        >
          <nz-option *ngFor="let option of listOfOption" [nzLabel]="option.label" [nzValue]="option.value"></nz-option>
        </nz-select>
        <app-err-msg *ngIf="validateForm.get('mesType')?.dirty && validateForm.get('mesType')?.invalid"
          errMsg="请选择开通业务(多选)"
        ></app-err-msg>
      </nz-form-control>
      <i nz-icon nzType="info-circle" nzTheme="outline" 
        style="font-weight: bold; position: absolute; right: -20px; cursor: pointer;"
        nz-tooltip nzTitle="初始显示所选用户编号已开通业务, 可重新选择并提交更新已开通业务"
      ></i>
    </nz-form-item> -->
  </form>
  <div class="button-box">
    <button [disabled]="pageType === 1" type="button" [nzLoading]="btnLoading" nz-button (click)="onReset()">取消</button>
    <button [disabled]="pageType === 1" type="button" [nzLoading]="btnLoading" style="margin-left: 20px;" (click)="onSubmit()" nz-button nzType="primary">提交</button>
  </div>
</div>

<!-- http://localhost:4200/index.html#/base-form?id=194abfce-5ccd-4b47-913a-72f9a7af7ab9&name=%E7%9F%AD%E4%BF%A1%E5%AE%9A%E5%88%B6&isDetail=true&sortName=%E4%B8%9A%E5%8A%A1%E5%8A%9E%E7%90%86&funcCode=009&path=%2Fme%2Fnote%2Flist&usageCode=0009575325&address=%E4%B8%80%E5%BE%B7************1 -->
